/**
 * add by: hong.rong 2020/08/16
 * name:
 * notes:
 */

import React from 'react'
import classNames from 'classnames'
import styles from './Row.less'

const COLOR = {
  GREEN: 'green',
  BLUE: 'blue',
  RED: 'red',
  ORANGE: 'orange',
}
export default function Row({ style, type = COLOR.GREEN }) {
  return (
    <div
      style={style}
      className={classNames(
        'ub ub-row ub-ac',
        styles['row'],
        styles[`bg-${type}`]
      )}
    >
      <div className={classNames(styles['cell'], styles['date'])}>
        2020年07月26日
      </div>
      <div className={classNames(styles['cell'], styles['user'])}>张三</div>
      <div className={classNames(styles['cell'], styles['completed'])}>
        已完成生蚝团购报表
      </div>
      <div className={classNames(styles['cell'], styles['pending'])}>
        待完成青苹果团购报表
      </div>
    </div>
  )
}
Row.COLOR = COLOR
